<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>信基沙溪</title>
    <link href="/xj/css/global.css" rel="stylesheet">
    <link href="/xj/css/brandshow.css" rel="stylesheet">
    <link href="/xj/css/bootstrap.min.css" rel="stylesheet">
    <link href="/xj/css/style.css" rel="stylesheet">
    <link href="/xj/css/jquery.gScrollingCarousel.css" rel="stylesheet"/>
    <script src="/xj/js/html5shiv.min.js"></script>
    <script src="/xj/js/respond.min.js"></script>
    <script src="/xj/js/jquery.min.js"></script>
    <script src="/xj/js/bootstrap.min.js"></script>

</head>


<div class="globalstyle">
<div id="whole_box">
    <!--//头部-->
    <div class="box">
        <i class="index-icon-search"></i>
        <input type="text" class="username" :placeholder="search_txt"  v-on:focus="goSearch()"/>
    </div>

    <!--<iframe src="/page/redirectSearch" frameborder="0" scrolling="auto" style="width: 100%;height: 91px; "></iframe>-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div v-for="(item,index) in imglist" :key="index" class="carousel-div item" :class="[index==0?'active':'']">
                <img :src="item" class="carousel-image" style="height: 200px;width: 100%">
            </div>
            <!--<div class="item active">-->
                <!--<img src="/xj/image/banner1.png" alt="...">-->
                <!--<div class="carousel-caption">-->
                    <!--...-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="item">-->
                <!--<img src="/xj/image/banner1.png" alt="...">-->
                <!--<div class="carousel-caption">-->
                    <!--...-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="item">-->
                <!--<img src="/xj/image/banner1.png" alt="...">-->
                <!--<div class="carousel-caption">-->
                    <!--...-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <!-- Controls -->
        <!--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">-->
        <!--<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>-->
        <!--<span class="sr-only">Previous</span>-->
        <!--</a>-->
        <!--<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">-->
        <!--<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>-->
        <!--<span class="sr-only">Next</span>-->
        <!--</a>-->
    </div>
    <!--列表-->
    <div class="view-area-style">
        <div class="view-brand-style">
            <div class="view-column" v-on:click="brandlistgo(6)">
                <a href="#">
                    <img src="/xj/image/brand/keasupplies.png" class="image-brand-style"/>
                    <!--<span class="brand_item_txt">厨房设备用品</span>-->
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt1}}
                    </div>
                </div>
            </div>
            <div class="view-column"  v-on:click="brandlistgo(7)">
                <a href="#">
                    <img src="/xj/image/brand/ceramic_and_melamine_tablewares.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt2}}
                    </div>
                </div>
            </div>
            <div class="view-column"  v-on:click="brandlistgo(8)">
                <a href="#">
                    <img src="/xj/image/brand/glassware_products.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt3}}
                    </div>
                </div>
            </div>
            <div class="view-column"  v-on:click="brandlistgo(9)">
                <a href="#">
                    <img src="/xj/image/brand/hotel_lobby_and_room_supplies.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt4}}
                    </div>
                </div>
            </div>
        </div>

        <div class="view-brand-style">
            <div class="view-column"  v-on:click="brandlistgo(10)">
                <a href="#">
                    <img src="/xj/image/brand/hotel_linen.png" class="image-brand-style"/>

                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt5}}
                    </div>
                </div>
            </div>
            <div class="view-column"  v-on:click="brandlistgo(11)">
                <a href="#">
                    <img src="/xj/image/brand/hotel_furnitures.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt6}}
                    </div>
                </div>
            </div>
            <div class="view-column"  v-on:click="brandlistgo(12)">
                <a href="#">
                    <img src="/xj/image/brand/specialty_catering_supplies.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt7}}
                    </div>
                </div>
            </div>
            <div class="view-column" v-on:click="brandlistgo(13)">
                <a href="#">
                    <img src="/xj/image/brand/stainless_steel_products.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt8}}
                    </div>
                </div>
            </div>
        </div>

        <div class="view-brand-style">
            <div class="view-column" v-on:click="brandlistgo(14)">
                <a href="#">
                    <img src="/xj/image/brand/coffee_and_drinking_equipments.png" class="image-brand-style"/>

                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt9}}
                    </div>
                </div>
            </div>
            <div class="view-column" v-on:click="brandlistgo(15)">
                <a href="#">
                    <img src="/xj/image/brand/coffee_and_drinking_equipments.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt10}}
                    </div>
                </div>
            </div>
            <div class="view-column" v-on:click="brandlistgo(16)">
                <a href="#">
                    <img src="/xj/image/brand/cleaningandlaborsupplies.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt11}}
                    </div>
                </div>
            </div>
            <div class="view-column" v-on:click="brandlistgo(17)">
                <a href="#">
                    <img src="/xj/image/brand/comprehensiveproducts.png" class="image-brand-style"/>
                </a>
                <div class="view-text-width"   >
                    <div class="view-column-text" style="font-size:10px!important;">
                        {{item_txt12}}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="middle_box">
        <div>
            <span class="hot_commod_txt">{{hot_recomm_txt}}</span>
        </div>

        <div class="row" style="width: 100%;margin: 0 auto;">
            <!-- Nav tabs -->
            <ul class="nav nav-pills " role="tablist">
                <li role="presentation" class="active" style="width: 33.3%;margin-left: 0px;" v-on:click="tabChange(1)">
                    <a href="#home" aria-controls="home" role="tab" data-toggle="tab"
                       class="brand_tab_title" >{{tab1}}</a>
                </li>
                <li role="presentation" class="" style="width: 33.3%;margin-left: 0px;" v-on:click="tabChange(2)">
                    <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"
                       class="brand_tab_title" >{{tab2}}</a>
                </li>

                <li role="presentation" class="" style="width: 33.3%;margin-left: 0px;" v-on:click="tabChange(3)">
                    <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab" class="brand_tab_title">{{tab3}}</a>
                </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <!--信基沙溪-->
                <div role="tabpanel" class="tab-pane active" id="home">

                    <!--各商家图标-->
                    <div class="store_item" v-for="item in store_shaxi_list" v-on:click="storDetail(item.id)">
                        <div class="media" style="padding-top: 15px;width: 100%;">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" :src="item.logo"
                                         style="width: 64px; height: 64px;border-radius: 5px;">
                                </a>
                            </div>
                            <div class="media-body" style="padding-top: 10px; width: 100%;">
                                <h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
                                    {{item.store_name}}</h4>
                                <img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>

                                <font style="font-size: 10px;">{{main_pro_txt}}:{{item.mainlabel}}</font>
                            </div>
                        </div>
                        <!--滑动图片区域-->

                        <!--<div class="g-scrolling-carousel" style="padding-top: 10px;padding-bottom: 10px;">-->
                            <!--<div class="items">-->
                                <!--<img v-for="(dataItem,index2) in item.product_show_pic" :src="dataItem.url"-->
                                     <!--style="width: 90px;height: 60px;">-->
                            <!--</div>-->
                        <!--</div>-->

                        <div class="g-scrolling-carousel scrollstyle" style="margin-top: 10px;">
                            <div class="items">
                                <a v-for="(dataItem,index2) in item.product_show_pic" href="#" style=""><img
                                        :src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px"></a>

                            </div>
                        </div>

                    </div>

                    <div style="width: 100%;height: 100px;"></div>
                </div>

                <!--信基豪泰-->
                <div role="tabpanel" class="tab-pane" id="profile">

                    <div class="store_item" v-for="item in store_haotai_list" v-on:click="storDetail(item.id)">
                        <div class="media" style="padding-top: 15px;width: 100%;">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" :src="item.logo"
                                         style="width: 64px; height: 64px;border-radius: 5px;">
                                </a>
                            </div>
                            <div class="media-body" style="padding-top: 10px; width: 100%;">
                                <h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
                                    {{item.store_name}}</h4>
                                <img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>

                                <font style="font-size: 10px;">{{main_pro_txt}}:{{item.mainlabel}}</font>
                            </div>
                        </div>
                        <!--滑动图片区域-->

                        <div class="g-scrolling-carousel scrollstyle" style="margin-top: 10px;">
                            <div class="items">
                                <a v-for="(dataItem,index2) in item.product_show_pic" href="#" style=""><img
                                        :src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px"></a>

                            </div>
                        </div>

                    </div>

                    <div style="width: 100%;height: 100px;"></div>
                </div>

                <!--信基沈阳-->
                <div role="tabpanel" class="tab-pane" id="messages">
                    <div class="store_item" v-for="item in store_shenyang_list" v-on:click="storDetail(item.id)">
                        <div class="media" style="padding-top: 15px;width: 100%;">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" :src="item.logo"
                                         style="width: 64px; height: 64px;border-radius: 5px;">
                                </a>
                            </div>
                            <div class="media-body" style="padding-top: 10px; width: 100%;">
                                <h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
                                    {{item.store_name}}</h4>
                                <img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>

                                <font style="font-size: 10px;">{{main_pro_txt}}:{{item.mainlabel}}</font>
                            </div>
                        </div>
                        <!--滑动图片区域-->

                        <div class="g-scrolling-carousel scrollstyle" style="margin-top: 10px;">
                            <div class="items">
                                <a v-for="(dataItem,index2) in item.product_show_pic" href="#" style=""><img
                                        :src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px"></a>

                            </div>
                        </div>

                    </div>

                    <div style="width: 100%;height: 100px;"></div>
                </div>
            </div>

        </div>

    </div>
    <!--底部导航-->
    <div class="nav_self">
        <div class="nav-one">
            <a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a href="/page/redirectMarketopens" :class="!is_en ? '':'nav_encss'" >{{menu1}}</a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a href="/page/redirectInfor"   :class="!is_en ? '':'nav_encss'" >{{menu2}}</a>
        </div>
        <div class="nav-view">
            <a href="/page/redirectContractus"  :class="!is_en ? '':'nav_encss'">{{menu3}}</a>
        </div>

    </div>
</div>
</div>
</body>
</html>


<script src="/xj/js/vue.min.js"></script>
<script src="/xj/javascript/global.js"></script>
<script src="/xj/javascript/brand.js"></script>
<script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>
<!--<script>-->
<!--$(document).ready(function() {-->
<!--$(".g-scrolling-carousel .items").gScrollingCarousel();-->

<!--$(".item_td").click(function () {-->
<!--window.location.href = "/page/redirectStore";-->
<!--});-->
<!--$(".store_item").click(function () {-->
<!--window.location.href = "/page/redirectStoreDeatil";-->
<!--})-->
<!--});-->
<!--</script>-->

<style>
    .nav-pills > li > a {
        border-radius: 0px;
    }

    .hot_commod_txt {
        padding-top: 15px;
        padding-bottom: 10px;
        text-align: center;
        display: block;
        font-size: 16px;
        font-weight: bold;
        font-family: '微软雅黑';
    }

    .nav {
        background-color: #ffffff;
    }
</style>
